<script></script>

<template>
	<view class="um-input-number">
		<view class="operator">-</view>
		<view class="box">
			<input type="number" class="input" />
		</view>
		<view class="operator">+</view>
	</view>
</template>

<style lang="scss" scoped>
.um-input-number {
	display: flex;
	border: 1px solid #ccc;
	border-radius: 10rpx;
	height: 50rpx;
	line-height: 50rpx;
	overflow: hidden;

	.operator {
		background-color: #f2f2f2;
		width: 50rpx;
		text-align: center;
	}

	.box {
		text-align: center;
		width: 50rpx;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;

		.input {
			height: 50rpx;
			line-height: 50rpx;
			font-size: 24rpx;
		}
	}
}
</style>
